<head>
    
    <!-- 代码高亮显示 -->
    <link href="https://cdn.bootcss.com/highlight.js/9.15.8/styles/github.min.css" rel="stylesheet">
    <script src="https://cdn.bootcss.com/highlight.js/9.15.8/highlight.min.js"></script>
    <script src="https://cdn.bootcss.com/highlightjs-line-numbers.js/2.7.0/highlightjs-line-numbers.min.js"></script>
    <script>
        hljs.initHighlightingOnLoad();
        hljs.initLineNumbersOnLoad();
    </script>
    <script type="text/x-mathjax-config">
        MathJax.Hub.Config({
          config: ["MMLorHTML.js"],
          jax: ["input/TeX", "output/HTML-CSS", "output/NativeMML"],
          extensions: ["MathMenu.js", "MathZoom.js"]
        });
    </script>
    <script type="text/javascript"
        src="https://fastly.jsdelivr.net/npm/mathjax@2/MathJax.js?config=TeX-MML-AM_CHTML"></script>

    <!-- 二维码支持 -->
    <script src="https://fastly.jsdelivr.net/npm/qrcodejs@1.0.0/qrcode.min.js"></script>
    <!-- 样式支持 -->
    <!-- <link rel="stylesheet" href="/static/md-style/01_fslong/code.css"> -->
    <link rel="stylesheet" href="/static/css/code.css">
    <!-- <link rel="stylesheet" href="/static/md-style/01_fslong/default.css"> -->
    <link rel="stylesheet" href="/static/css/default.css">
</head>


{% extends 'home/home.html' %}
{% block index %}
{% load static %}
<div class="uk-container-small " style="margin:0 auto;padding: 2em;">
    <article class="uk-article " style="margin-top:20px;">
        <h1 class="uk-article-title uk-text-center">
            《{{ note.title }}》课堂记录
        </h1>
        <hr
            style="height: 2px;padding: 0;border: none;text-align: center;background-image: linear-gradient(to right, rgba(60, 122, 198, 0), rgba(6, 58, 122, 1), rgba(60, 122, 198, 0));" />
        <div id="qrcode" style="width:75px;height:75px;position:absolute; margin-left: 810px;margin-top: -10px;"></div>
        <script type="text/javascript">
            new QRCode(document.getElementById("qrcode"), window.location.href);  // 设置要生成二维码的链接是当前页面
        </script>
        <p class="uk-article-meta uk-text-right uk-text-italic" style="color: rgb(2, 94, 36); padding-right: 100px;">
            <strong style="color: #eb261a;">上课时间：</strong>{{ note.start }}<br>
            <strong style="color: #eb261a;">下课时间：</strong>{{ note.end }}<br>
            <strong style="color: #eb261a;">学员姓名：</strong>{{ note.stu_names }}<br>
        </p>
        {% autoescape off %}
        {{ note.note }}
        {% endautoescape %}
    </article>
</div>


{% endblock %}